$(document).ready(function() {
    $("#nuevo").click(function() {
        $("#nuevo").hide();
        $("#new_comment").fadeIn();
        $("#new").fadeIn();
        $("#counter").fadeIn();
        $("#new_comment")[0].value = "";
        $("#new_comment").focus();
        return false;
    });

    $("#new_comment").keyup(function() {
        var input = $("#new_comment")[0].value;
        var max = $("#hc")[0].innerHTML;
        i=0;
        while(input[i])
         i++;
         to_show = max - i;
         $("#counter").html(to_show);
         return false;
        });

    $("#new").click(function() {
        var comment = document.getElementById("new_comment").value;
        $.ajax({
            type: "POST",
            cache: false,
            url: "ajaxeador.php",
            data: {comentario: comment},
            dataType: "",
            beforeSend: function(obj) {
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("xxxx " + textStatus);
            },
            success: function(datos) {
            if (datos != "") {
                $("#new").hide();
                $("#nuevo").show();
                $("#new_comment").hide();
                    $("#counter").hide();
                var antes = $("#comments1")[0].innerHTML;
                var cadena = '<div class="comment">'+datos+'</div>';
                $("#comments1").html(cadena+antes);
            } else {
                alert("Ups! Hay un errorcito: ");
            }
            }
        });
        return false;
        });

    $("#follow").click(function() {
        var user = document.getElementById("user").innerHTML;
        var opt = $("#follow_this")[0].value;
        $.ajax({
            type: "POST",
            cache: false,
            url: "followjax.php",
            data: {option: opt, followee: user},
            dataType: "",
            beforeSend: function(obj) {
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("xxxx " + textStatus);
            },
            success: function(datos) {
            //TODO coger del xml la operacion, y el usuario
            //si la operacion es not follow, hay que reemplazar {'user',''}
            //<div class="follower"><a href="sweetter.php?user=danigm">danigm</a></div>
            opt = $("opt", datos).text();
            user = $("user", datos).text();
            if (opt == "follow") {
                $("#follow").html('<input type="button" id="follow_this" value="not follow"/>');
                $("#followers1").append('<div class="follower" id="me"><a href="sweetter.php?user='+user+'">'+user+'</a></div>');
                obj = document.getElementById("nfollowers");
                n = parseInt(obj.innerHTML)+1;
                obj.innerHTML = n;
            }else if (opt == "not follow") {
                $("#follow").html('<input type="button" id="follow_this" value="follow this"/>');
                obj = document.getElementById("me");
                obj.innerHTML = '';
                obj = document.getElementById("nfollowers");
                n = parseInt(obj.innerHTML)-1;
                obj.innerHTML = n;
            } else {
                alert("Ups! Hay un errorcito: "+ datos);
            }
            }
        });
        return false;
        });

    $(".doit").click(function() {
        var sweetid = $(this).attr('id');
        var obj = $(this).parent();
    $.ajax({
            type: "POST",
            cache: false,
            url: "checkit.php",
            data: {id: sweetid},
            dataType: "",
            beforeSend: function(obj) {
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                alert("xxxx " + textStatus);
            },
            success: function(datos) {
            if (datos != "") {
                valor = obj[0].innerHTML;
                obj[0].innerHTML = '<strike>'+valor+'</strike>';
            } else {
                alert("Ups! Hay un errorcito: ");
            }
            }
        });
        return false;
        });

});

